<template>
    <div class="all">
        <van-nav-bar class="header" title="待评价" left-arrow @click-left="onClickLeft"/> 
        <div class="main">
            <div>
                <p>整体评价：</p>
                <van-rate v-model="value1"/>
            </div>
            <div>
                <p>物流服务：</p>
                <van-rate v-model="value2" icon="free-postage" void-icon="free-postage"/>
            </div>
            <div>
                <p>服务态度：</p>
                <van-rate v-model="value3" icon="user-circle-o" void-icon="user-circle-o"/>
            </div>
            <van-cell-group>
                <van-field v-model="message" label="留言" type="textarea"
                placeholder="给宝贝一个更全面的评价，可以帮助到更多的小伙伴哦" rows="1" autosize/>
            </van-cell-group>
            <button @click="onClick">发布</button>
        </div>
        <bottom/>
    </div>
</template>
<script>
export default {
    name : "appraise",
    data(){
        return {
            value1 : 4,
            value2 : 4,
            value3 : 4, 

        }
    },
    methods: {
        onClickLeft() {
            this.$router.push({path:'/mine'});
        },
        onClick(){
            this.$router.push({path:'/mine'});
            this.$toast('发布成功');
        }
    }
}
</script>
<style scoped  lang="">
.van-nav-bar .van-icon,.van-nav-bar__title {
    color:white;
}
.all{
    margin-top: 1.226667rem;
}
.van-nav-bar {
    background-color: #ff6341;
	position: fixed;
    width: 100%;
    height: 1.226667rem;
    top: 0;
    left: 0;
} 
.main{
    width:8rem;
    margin-left:.986667rem;
    height:10.666667rem;
    margin-top:.533333rem;
    padding-top:.533333rem;
    padding-left:.4rem;
}
.main div{
    margin-bottom:.266667rem;
}
.van-rate{
    margin-top:.366667rem;
}
.main p{
    font-size:.533333rem;
    font-weight: bold;
}
.van-cell-group{
    border:1px solid #cccccc;
}
.main button{
    margin-top:.266667rem;
    background-color: #ff5733;
    border:none;
    width:1.4rem;
    height:1.0rem;
    color:white;
}
</style>